/**
 * VUEshop
 * ============================================================================
 * * 版权所有 2015-2027 深圳搜豹网络科技有限公司，并保留所有权利。
 * 网站地址: http://www.vueshop.com.cn
 * ----------------------------------------------------------------------------
 * 这不是一个自由软件！您只能在不用于商业目的的前提下对程序代码进行修改和使用 .
 * 不允许对程序代码以任何形式任何目的的再发布。
 * ============================================================================
 * $Author: 沈小白 2020-07-22 $
 */<template> 
    <view>
        <view class="link">
			<block v-if="hide">
				<view class="icon"  @tap="toggle"></view>
			</block>
            <block v-else>
				<image :src="selectIcon" class="icon-slelec" @tap="toggle"></image>
			</block>
            <view class="text">同意</view>
            <navigator hover-class="none" :url="'/pages/index/webview/webview?type=system&doc_code=agreement'" open-type="navigate">《登录注册协议》</navigator>
        </view>
    </view>
</template>
<script>
import config from "@/api/config";
export default {
    props:{
        ishide:{
            default:false,
            type:Boolean,
        }
    },
    data() {
        return {
			imgUrl:config.imgUrl,
			// isSelect:true,
			hideFalg:"",
			selectIcon:config.imgUrl+'common/agree_t.png',
        }
	},
	created() {
		this.hideFalg=this.ishide;
	},
	computed: {
		hide:{
			get:function(){
				return this.hideFalg
			},
			set:function(val){
				return this.hideFalg=val
			}
		}
	},
	methods: {
		toggle(){
			this.hide=!this.hide;
			this.$emit("updateHide",this.hide)
		}
	},
}
</script>
<style lang="scss">
    .link{
		display: flex;
		flex-direction: row;
		align-items: center;
		justify-content: flex-start;
		color: #999999;
		font-size: 24rpx;
		.icon-slelec{
			width: 38rpx;
			height: 38rpx;
			border-radius:5rpx;
			margin-right: 22rpx;
		}
		.icon{
			width: 36rpx;
			height: 36rpx;
			border:1rpx solid rgba(204,204,204,1);
			border-radius:5rpx;
			margin-right: 22rpx;
		}
		.text{
			color: #666666;
		}
	}
</style>